/*
        Theme Name: Seafood
        Theme URI: 
        Description: Seafood Á Đông
        Author: Akira Nayoka
        Version: 1.0
        Author URI: 0902 1818 52
        Tags:  Seafood
*/
* {
    margin: 0;
    padding: 0;
}
body{
    font: normal 14px 'Arial', Helvetica Neue, Helvetica, PT Sans, sans-serif;
    color: #333333;
    line-height: 24px;
}
p{

}
.center{
    text-align: center;
}
ul, ol,li {
    list-style: none;
}
li{
    line-height:18px;
}
h1,h2,h3,h4,h5,h6{
    margin-bottom:10px;
}
img {
    border:none;
    max-width: 100%;
}
a {
    color: #142214;
    text-decoration: none;
}

.alignright {
    float: right;
}
.alignleft {
    float: left;
}


.aligncenter, dl.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

a:hover {
    color: #a80000;
}
.l{

    float:left; 
}
.r{
    float:right;
}

h1{
    font-size: 20px;
}

h2{
    font-size: 18px;
}

h3{
    color: #fafdff;
    font-weight: bold;    
    font-size: 16px;
}

h4{
    font-size: 14px;
}

h5{
    font-size: 12px;
}
.clear{
    clear: both;
}
input.input_text{
    padding: 2px;
    color: #666;
}

input.button{

    font-size: 12px;
    color: #ffffff;
    padding: 5px 10px;
    background: -moz-linear-gradient(
        top,
        #ffaa00 0%,
        #fbb13b);
    background: -webkit-gradient(
        linear, left top, left bottom, 
        from(#ffaa00),
        to(#fbb13b));
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #b85f00;
    -moz-box-shadow:
        0px 1px 1px rgba(212,212,212,0.5),
        inset 0px -1px 0px rgba(255,255,255,0.7);
    -webkit-box-shadow:
        0px 1px 1px rgba(212,212,212,0.5),
        inset 0px -1px 0px rgba(255,255,255,0.7);
    box-shadow:
        0px 1px 1px rgba(212,212,212,0.5),
        inset 0px -1px 0px rgba(255,255,255,0.7);
    text-shadow:
        0px -1px 1px rgba(000,000,000,0.2),
        0px 1px 0px rgba(255,255,255,0.3);
}

.threecol-one{
    width: 230px;
}

#wrapper {
    margin: 0px auto; 
    width: 980px;

}
#sliders{
    width: 980px;
    margin: 0 auto;
}
.flexslider {
    border: none !important;
    -webkit-border-radius:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    -webkit-box-shadow:0 !important;
    margin: 0 !important;
}
nav{
    padding-left: 15px;
    border: 1px solid #da2c2e;
    border-bottom: 5px solid #fc7700;
    box-shadow: 0 1px 1px #6e3400;
    -webkit-box-shadow: 0 1px 4px ;
    width: 963px;
    height: 35px;
    margin: 0 auto;
    background: #ef898a; /* Old browsers */
    background: -moz-linear-gradient(top, #ef898a 0%, #de2022 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef898a), color-stop(100%,#de2022)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ef898a 0%,#de2022 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ef898a 0%,#de2022 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ef898a 0%,#de2022 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ef898a 0%,#de2022 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef898a', endColorstr='#de2022',GradientType=0 ); /* IE6-9 */

}
nav ul li {
    list-style: none;
    float: left;
}
nav ul li a{
    color: #e3f6ff;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 35px;
    padding: 0 15px;
}
/****************************************
    --FOOTER
*****************************************/
#box{
    background: #99ddff; /* Old browsers */
    background: -moz-linear-gradient(top, #99ddff 0%, #21a5e8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#99ddff), color-stop(100%,#21a5e8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #99ddff 0%,#21a5e8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #99ddff 0%,#21a5e8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #99ddff 0%,#21a5e8 100%); /* IE10+ */
    background: linear-gradient(to bottom, #99ddff 0%,#21a5e8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ddff', endColorstr='#21a5e8',GradientType=0 ); /* IE6-9 */
}
#container{
    background: #f5f5f5 no-repeat;
    width: 970px;
    padding: 5px;
    margin: 0 auto;
}
/****************************************
    --SIDEBAR
*****************************************/
#sidebar{    
    background: #ffb572;
    width: 230px;    
    padding: 5px;    
    float: left;
}
#sidebar{
    margin-bottom: 10px;
}
.title-sidebar{
    background: url(img/bg-tit-sb.jpg) top left no-repeat;
    height: 25px;
    line-height: 25px;
    border: 1px solid #dd6a00;
}
.title-sidebar h4{    
    text-align: center;
    color: #fafdff;
    font-weight: bold;
}
#sidebar ul li{           
    border-top: 1px solid #ffc48e;
    border-bottom: 1px solid #ff800d;
    padding: 10px 0;
    padding-left: 35px;
}
#sidebar ul.cat-pro li{
    background: url(img/arrow.png) 10px 17px no-repeat;
}
#sidebar ul.post-news li{
    background: url(img/icon-news.png) left 10px no-repeat;
}
#sidebar ul.post-news li:last-child{
    border-bottom: 1px solid #ff800d;
    margin-bottom: 10px;
}
#sidebar ul li:first-child{
    border-top: none;
}
#sidebar ul li:last-child{
    border-bottom: none;
}
#sidebar ul li a{
    font-size: 12px;
    color: #e02e30;
    font-weight: bold;    
}
#sidebar ul li a:hover{
    color:#ffffff !important;
}
.items-sb-info-company a{
    font-weight: normal !important;
    color: #333333 !important;

}
.yahoo{
    padding: 15px;
    background: #ffffff;
    border-radius: 5px;
    margin-bottom: 10px;
    border: 1px solid #d1d1d1;
}
.yahoo h2{
    color: #e02e30;
    font-size: 24px;    
}

.boxes ul li{
    padding: 0 !important;
    border: 0 !important;
    height: 25px;
    width: 110px;
    padding-bottom: 5px !important;
}
.boxes ul li img{
    float: right !important;
    clear: both;
}
.boxes ul li a{
    color: #333333 !important;
}
.boxes ul li a:hover{
    color: #333333 !important;
}
/****************************************
    --CONTENT
*****************************************/
#content{
    width: 700px;    
    float: left;
    margin-right: 19px;
    margin-left: 10px;
}
.tit-pro{   
    text-align: center;
    float: left;
    width: 690px;
    height: 30px;
    line-height: 30px;
    background: url(img/bg-tit-cont.jpg) top left no-repeat;   
    margin-bottom: 15px;
}
#about-us{
    margin-bottom: 20px;
}
#about-us h4{
    font: italic 20px/1.5em 'Times New Roman', Droid Serif, Serif;
    line-height: 28px;
    text-transform: uppercase;
    color: #ea750a;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}
#about-us img{
    margin-right: 19px;
    width: 255px;
    height: 165px;
}
#about-us a{
    color: #ea750a;
}
.box-ctn-info{
    width: 415px;    
}
/****************************************
    --PRODUCT
*****************************************/
.hr{
    border-bottom: 1px solid #d1d1d1;
    height: 1px;
    width: 690px;
}
.items-pro{
    margin-bottom: 10px;
}
.item-pro ul li{
    margin: 0 !important;
    float: left;
    width: 146px;
    text-align: center;
    padding: 13px;
    padding-bottom: 10px;
    border-right: 1px solid #d1d1d1;

}
.item-pro ul li:hover{
    opacity: 0.8;
}
.item-pro ul li:last-child{
    border-right: 0;    
}
.item-pro ul li img{
    max-width: 100%;
    height: 150px;
    margin-bottom: 10px;

}
.item-pro ul li a{
    color: #666666;
    font-weight: bold;
    font-size: 12px;    

}
#info-us{
    padding: 10px;
    margin-bottom: 10px;
}
#info-us p{
    color: #6e6e6e;
}
#about{   
    padding: 10px;
}
.zoom-desc,.zoom-small-image{
    margin-top: 20px;
    text-align: left;
    display: block;
}
.col50{
    width: 50%;
    float: left;
}
/****************************************
    --BOTTOM
*****************************************/
#bottom{
    width: 940px;
    background: #20a2e4;
    border-top: 10px solid #ace4ff;
    margin-top: 15px;
    padding: 15px;
}
#bottom h4{
    color: #f5f5f5;
}
#bottom p{
    color: #f5f5f5;
}
.menu-menu-bot-container{
    height: 15px;
    margin-bottom: 25px;
    float: right;
}
.menu-menu-bot-container ul li{
    float: left;
    border-right: 1px solid #f5f5f5;
}
.menu-menu-bot-container ul li:last-child{
    border-right: none;
}
.menu-menu-bot-container ul li a{
    padding:5px;
    font-size: 14px;
    color: white;
    text-transform: uppercase;
}

/****************************************
    --FOOTER
*****************************************/

#footer{
    width: 960px;
    margin: 0 auto;
}
/**************** FIG Profilo ************/
.bloggrid img{
    float: left;
    width: 150px;
    height: 100px;
    padding: 4px;
    background: #FEFEFE url(images/box-bgr.png) bottom left repeat-x;
    -webkit-box-shadow: 0px 1px 1px 1px #D2D2D2;
    -moz-box-shadow: 0px 1px 1px 1px #D2D2D2;
    box-shadow: 0px 1px 1px 1px #D2D2D2;
    margin: 5px 14px 5px 0px;
}
h4.post-title{
    font: italic 20px/1.5em 'Times New Roman', Droid Serif, Serif;
    line-height: 28px;
    margin-bottom: 5px;
}
h4.post-title a {
    color: black !important;
}
h5.widget-title{
    font-size: 18px;
    margin-bottom: 10px;
}
#category{
    padding: 10px;
}